ValidationForm - Code Metrics - ridi/simple-service-status - Measure and Improve Code Quality continuously with Scrutinizer

ValidationForm A
last analyzed 2020-09-05 02:41 UTC

↳ Parent: src/component/form/ValidationForm.jsx

Complexity

Total Complexity

Size/Duplication

Total Lines	28
Duplicated Lines	0 %

Importance

Changes

Metric	Value
eloc	23
dl	0
loc	28
rs	10
c	0
b	0
f	0
wmc	8

5 Functions

Rating	Name	Size	Complexity
A	componentDidMount	3	1
A	validate	3	1
A	componentWillMount	3	1
A	getChildContext	3	1
A	render	6	1

import React from 'react';
import PropTypes from 'prop-types';

function FormContext () {
  this.fields = [];

  this.reset = () => {
    this.fields = [];
  };

  this.addField = (field) => {
    if (field) {
      this.fields.push(field);
    }
  };

  this.removeField = (field) => {
    if (field && this.fields.indexOf(field) > -1) {
      this.fields.splice(this.fields.indexOf(field), 1);
    }
  };

  this.validate = () => {
    let isValid = true;
    this.fields.forEach((field) => {
      isValid = field.validate() && isValid;
    });
    return isValid;
  };
}

export default class ValidationForm extends React.Component {
  constructor(props) {
    super(props);
    this.formContext = new FormContext();
  }

  getChildContext() {
    return this.formContext;
  }

  componentWillMount() {
    this.formContext.reset();
  }

  componentDidMount() {
    this.validate();
  }

  validate() {
    return this.formContext.validate();
  }

  render() {
    return (
      <form>
        {this.props.children}
      </form>
    );
  }
}

ValidationForm.childContextTypes = {
  fields: PropTypes.any,
  addField: PropTypes.func.isRequired,
  removeField: PropTypes.func.isRequired,
  validate: PropTypes.func.isRequired,
  reset: PropTypes.func.isRequired,
};

export class ValidationError extends Error {
  constructor(message = 'Invalid data input', level = 'error') {
    super(message);
    this.level = level;
    this.name = 'ValidationError';
  }
}



1			import React from 'react';
2			import PropTypes from 'prop-types';
3
4			function FormContext () {
5			this.fields = [];
6
7			this.reset = () => {
8			this.fields = [];
9			};
10
11			this.addField = (field) => {
12			if (field) {
13			this.fields.push(field);
14			}
15			};
16
17			this.removeField = (field) => {
18			if (field && this.fields.indexOf(field) > -1) {
19			this.fields.splice(this.fields.indexOf(field), 1);
20			}
21			};
22
23			this.validate = () => {
24			let isValid = true;
25			this.fields.forEach((field) => {
26			isValid = field.validate() && isValid;
27			});
28			return isValid;
29			};
30			}
31
32			export default class ValidationForm extends React.Component {
33			constructor(props) {
34			super(props);
35			this.formContext = new FormContext();
36			}
37
38			getChildContext() {
39			return this.formContext;
40			}
41
42			componentWillMount() {
43			this.formContext.reset();
44			}
45
46			componentDidMount() {
47			this.validate();
48			}
49
50			validate() {
51			return this.formContext.validate();
52			}
53
54			render() {
55			return (
56			<form>
57			{this.props.children}
58			</form>
59			);
60			}
61			}
62
63			ValidationForm.childContextTypes = {
64			fields: PropTypes.any,
65			addField: PropTypes.func.isRequired,
66			removeField: PropTypes.func.isRequired,
67			validate: PropTypes.func.isRequired,
68			reset: PropTypes.func.isRequired,
69			};
70
71			export class ValidationError extends Error {
72			constructor(message = 'Invalid data input', level = 'error') {
73			super(message);
74			this.level = level;
75			this.name = 'ValidationError';
76			}
77			}
78
79

ridi / simple-service-status

ValidationForm A last analyzed 2020-09-05 02:41 UTC

Complexity

Size/Duplication

Importance

5 Functions

Duplication Side-by-Side

Filter issues like

ValidationForm A
last analyzed 2020-09-05 02:41 UTC